/* 
    Document   : estilo
    Created on : 05/11/2011, 05:09:37 PM
    Author     : ari
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* { 
  margin:0;
  padding:0;
  font-family: Arial;
}

.mensaje {
    color: red;
}

.header, .footer{
    text-align:center;
    width:30%;
    margin:1em auto;
    padding:1em;
    border: 1px solid black; 
    
    /*Bordes redondeados*/
    -moz-border-radius: 5px;  
    border-radius: 5px;
    background-color: #2D86C5;

}

.login{

    width:30%;
    margin:1em auto;
    padding:1em;
    border: 1px solid black; 
    
    /*Bordes redondeados*/
    -moz-border-radius: 5px;  
    border-radius: 5px;
    background-color:#8BC2EA;
    
}

.login p{
    font-family: monospace;
    display:inline;
}

.entrar input{
    margin:1em 1em 1em 0em;
    padding:.5em;
    display:inline-block;
    font-weight: bold;
    color:black;
    border:1px solid #FFFFFF;
        -moz-border-radius: 5px;  
    border-radius: 5px;
    background-color:#DCDDE1;
    font-size:x-small;
}
.entrar a{
    margin:1em 1em 1em 0em;
        padding:.5em;
    text-decoration: none;
    display:inline-block;
    font-weight: bold;
    color:black;
        border:1px solid #FFFFFF;
        -moz-border-radius: 5px;  
    border-radius: 5px;
    background-color:#DCDDE1;
    font-size:x-small;
}

.bloque_a{
    
    width:60%;
    margin: 1em auto;

    -moz-border-radius: 5px;  
    border-radius: 5px;
    background-color:#8BC2EA;
}

.bloque_a ul{
  margin:0px 0px 0px 100px;
    list-style-type: none;
    overflow:hidden;
}

.bloque_a li{


    text-align: center;
    float:left;
}
.bloque_a a:link,.bloque_a a:visited{
        padding:.3em .5em .3em .5em;
    text-decoration:none;
    display:block;
    color:white;
}

.bloque_a a:hover,.bloque_a a:active
{
background-color:#2D86C5;
}

.bloque_b{
    width:80%;
    margin: 1em auto;

    border: 1px solid black; 
    
    /*Bordes redondeados*/
    -moz-border-radius: 5px;  
    border-radius: 5px;
    /*background-color:#8BC2EA;*/

}

.bloque_b div ul{ 
    list-style-type:square;
    margin:1em;
    padding:.3em 0em 0em 3em;
}

.bloque_b div{
        width:50%;
    height:auto;
    display:inline-block;
    vertical-align: top;
}

.bloque_b div p{
    
    text-align: center;
    padding:1em;
    background-color:#8BC2EA;

}


/* Usado por nueva venta, nueva compra, y registro */
.caja{
    width:40%;
    margin:1em 1em;
    padding:1em;
    border:1px solid black;
        /*Bordes redondeados*/
    -moz-border-radius: 5px;  
    border-radius: 5px;
    background-color:#8BC2EA;
}
.caja div input{
    
    margin:1em 1em 1em 0em;
    padding:.5em;
        font-weight: bold;
    color:black;
    border:1px solid #FFFFFF;
        -moz-border-radius: 5px;  
    border-radius: 5px;
    background-color:#DCDDE1;
    font-size:x-small;
}

.caja ul{ list-style-type: none;}
.caja a{ text-decoration:none;}